#cal {
        width: 100%;
        font-size: 12px;
        padding: 0 1.25%;
        #top {
            height: 40px;
            line-height: 40px;
            clear: both;
            overflow: hidden;
            input {
                padding: 0;
            }
            .step {
                float: left;
                width: 10%;
                height: 100%;
                font-size: 16px;
                i {
                    cursor: pointer;
                    font-size: 22px;
                }
                span{
                    width: 100%;
                    display: block;
                    height: 100%;
                    background-size: 80%;
                }
                #prev {
                    background: url(../img/left.png) no-repeat left;
                }
                #next {
                    background: url(../img/right.png) no-repeat right;
                }
            }
            .stepRight{
                text-align: right;
            }
            .select {
                float: left;
                width: 175px;
                position: relative;
                select {
                    height: 25px;
                    width:70px;
                    padding: 0;
                    margin: 0;
                    border: 1px solid #ddd!important;
                    border-radius: 0;
                    padding: 1px 10px 0;
                    background: #FFFFFF url(../../static/img/icon_contact_arrow_down.png) no-repeat right;
                    background-size: 30%;
                }
                
            }
            #now-date {
                float: right;
                padding: 0px 5px;
                background-color: #38adff;
                color: #fff;
                font-size: 14px;
                height: 25px;
                line-height: 26px;
                margin-top: 7px;
                text-decoration: none;
            }
        }
        #wk {
            margin: 0;
            padding: 0;
            height: 35px;
            color: #333;
            font-size: 14px;
            background: #fff;
            li {
                float: left;
                width: 14.25%;
                text-align: center;
                line-height: 25px;
                list-style: none;
                b {
                    font-weight: normal;
                    color: #81c0f1;
                }
            }
        }
        #cm {
            padding: 0;
            background: #fff;
//          border: 1px dashed #eee;
            clear: left;
            position: relative;
            .cell {
                position: absolute;
                width: 14.25%;
                height: 36px;
                text-align: center;
                margin: 0;
                cursor: pointer;
                .so {
                    font: 16px arial;
                }
            }
        }
        #bm {
            text-align: right;
            height: 40px;
            line-height: 40px;
            clear: both;
            padding: 0 10px;
            margin: 10px -1.25% 0;
            font-size: 14px;
            background: #fff;
            position: relative;
            .heavenly-branch {
                position: relative;
                color: #333;
                float: left;
                width: 278px;
                text-align: left;
                height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .localWeek{
                width: 44px;
                height: 40px;
                display: inline-block;
                position: absolute;
                right: 1.25%;
//              background: pink;
            }
        }
        #fd {
            display: none;
            position: absolute;
            border: 1px solid #dddddf;
            background: #fff;
            color: #333;
            padding: 10px;
            line-height: 21px;
            width: 150px;
            border-radius: 10px;
            &:before {
                content: '';
                position: absolute;
                left: -8px;
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-right: 8px solid #dddddf;
                border-bottom: 8px solid transparent;
            }
            &:after {
                content: '';
                position: absolute;
                left: -6px;
                top: 10px;
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-right: 8px solid #fff;
                border-bottom: 8px solid transparent;
            }
            b {
                font-weight: normal;
                color: #429e6c;
            }
        }
    }
    .calendarList{
        li.mui-table-view-cell{
            padding: 10px;
            h5,p{
                color: #333333;
            }
            .mui-text-right{
                width: 80px;
                span{
                    color: #333333;
                }  
            }
        }
    }
